<script setup>
	import Back from '@/components/Back.vue'
	import { GlobalStore } from '@/stores/global.js'
	import { onLoad, onPullDownRefresh } from '@dcloudio/uni-app'
	import { devPhotonPageApi } from '@/api/user.js'
	import { showToast } from '@/utils/toast.js'
	import { ref } from 'vue'

	const globalStore = GlobalStore()

	onLoad(async () => {
		// uni.showLoading({
		// 	mask: true
		// })
		// try {
		// 	const res = await devPhotonPageApi({ openId: globalStore.openId })
		// 	console.log(res)
		// } catch (e) {} finally {
		// 	uni.hideLoading()
		// }
	})
</script>

<template>
	<view class="container">
		<Header style="width: 100%;" />
		<image src="/static/images/bg.png" class="bg"></image>
		<Back style="margin-top: 40rpx;" />
	</view>
</template>

<style lang="scss">
	.container {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;

		:deep(.wd-picker__cell) {
			padding: 20rpx 10rpx !important;
			font-size: 40rpx;
			background-color: transparent !important;
		}
	}

	.bg {
		width: 100%;
		height: 100%;
		position: fixed;
		background-size: 100% 100%;
		z-index: -10;
		/* 置于底层 */
	}
</style>